<template>
   <el-dialog class="dialog" v-model="store.createChatRoomIsView" width="800" @close="clear">
    <h1>创建聊天室</h1>
    <hr/>
    <el-input class="custom-input" v-model="input" placeholder="请输入您想要创建聊天室的名称" />
    <el-button style="margin-top: 20px;" type="primary" @click="createChatRoom">添加聊天室</el-button>
    </el-dialog>
</template>
<script setup>
import { publicMessage } from '@/store/index'
import {ref} from 'vue'
import api from '@/api/service'
const input = ref('');
const store = publicMessage();
const createChatRoom = ()=>{
    return  api.createChatRoom(input.value);
}
const clear = ()=>{
  input.value = null;
}
</script>
<style scoped>
.custom-input {
  font-size: 32px; /* 设置字体大小 */
  height: 55px;
}
</style>